<script>
import { ref } from 'vue';
export default {
  setup() {
    const onClickLeft = () => history.back();
    const active = ref(3);
    return {
      onClickLeft,
      active
    };
  },
};
</script>

<template>
<div>
<div class="shouye">我的</div>
<!-- 底部 -->
<van-tabbar v-model="active">
  <van-tabbar-item to="/Index" icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item to="/Management" icon="search">管理</van-tabbar-item>
  <van-tabbar-item to="/TheMessage" icon="friends-o">消息</van-tabbar-item>
  <van-tabbar-item to="/My" icon="setting-o">我的</van-tabbar-item>
</van-tabbar>
</div>
</template>
<style scoped lang="scss">
.shouye{
  width: 100%;
  height:2.5rem;
  background-color: rgb(5,115,226);
  color: white;
  line-height: 2.5rem;
  text-align: center;
}
</style>